<template>
	<view class="local-permission" v-if="show">
	  <image
	    class="arrow-blue-top"
	    src="https://qiniu.gybsky.cn/qsbsimage/public/maintain/2023/05/22/614f8f115d7f40ebb00128fa3c784a4a9wyg7eorpz.png"
	  ></image>
	  <view class="flex">
	    <image
	      class="local-icon"
	      src="https://qiniu.gybsky.cn/qsbsimage/public/maintain/2023/05/22/cd25becc0c5c47d480826831ce38f122ia0y03sl03.png"
	    ></image>
	    <text class="local-permission-tips">开启定位权限，查看附近线路</text>
	  </view>
	  <button
	    bindtap="onPrepareReload"
	    class="local-permission-btn"
	    openType="openSetting"
	  >
	    开启定位
	  </button>

	</view>
</template>

<script>
	export default {
		name: "local-bar",
		props: {
			show: {
				type: Boolean, 
				default: false ,
			},
			
		}
	};
</script>

<style>
	.local-permission {
	  background: #006efa;
	  border-radius: 12rpx;
	  box-shadow: 0 8rpx 24rpx 0 rgba(0, 0, 0, 0.06);
	  color: #fff;
	  font-family: PingFangSC-Regular, PingFang SC;
	  font-size: 24rpx;
	  height: 80rpx;
	  justify-content: space-between;
	  margin-bottom: 8rpx;
	  padding: 0rpx 24rpx;
	  position: relative;
	  top: -12rpx;
	}
	.flex,
	.local-permission {
	  align-items: center;
	  display: -webkit-flex;
	  display: flex;
	}
	.local-icon {
	  height: 24rpx;
	  margin-right: 12rpx;
	  width: 24rpx;
	}
	.arrow-blue-top {
	  height: 12rpx;
	  left: 78rpx;
	  position: absolute;
	  top: -12rpx;
	  width: 20rpx;
	}
	.local-permission-btn {
	  background: hsla(0, 0%, 98%, 0.15);
	  border-radius: 28rpx;
	  color: #fff;
	  font-family: PingFangSC-Medium, PingFang SC;
	  font-size: 22rpx;
	  height: 48rpx;
	  line-height: 48rpx;
	  text-align: center;
	  width: 128rpx;
	}

</style>